<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>常用的文本属性_行高_概念</title>
    <style>
        /* 注意:行高不要和字体大小相等 有的字体设计容易打架 */
        div {
            /* 行高的第一种表示方式:像素 */
            font-size: 40px;
            line-height: 40px;
        }
        div {
            /* 行高的第二种表示方式:normal 编译器会自动生成一个适合字体大小的行高 */
            font-size: 40px;
            line-height: normal;
        }
        div {
            /* 行高的第三种表示方式:数值 该数值表示的是 数值*字体大小的行高 */
            font-size: 40px;
            line-height: 1.5;
        }
        div {
            /* 行高的第四种表示方式:百分比 * 字体大小 的行高 */
            font-size: 40px;
            line-height: 150%;
        }
    </style>
</head>
<body>
    <div>
        5E对战平台官网集成赛事资讯、赛程直播、数据分析、社区讨论等功能，玩家可以查看职业战队动向、参与社区互动、发布
    </div>
</body>
</html>